import { defineStore } from "pinia";
import { setLoc, getLoc } from "@/utils/storage";

let setStore = defineStore('settingStore', {
    state: () => {
        return {
            // 刷新按钮
            refsh: false,
            // menuType为left的时候导航栏位于侧边
            menuType: getLoc('menuType'),
            // 导航栏风格,为dark则为暗黑
            menuStyle: getLoc('menuStyle'),
            // 主题风格颜色
            styleColor: getLoc('styleColor')||'#1890ff',
        }
    },
    actions: {
        // 控制菜单布局(侧边||顶部)
        cutMenuType(val: string) {
            this.menuType = val
            setLoc('menuType', val)
        },
        // 控制菜单颜色(白色||黑色)
        cutMenuStyle(val: string) {
            this.menuStyle = val
            setLoc('menuStyle', val)
        },
        // 主题风格颜色修改
        cutStyleColor(val:string){
            this.styleColor = val
            setLoc('styleColor', val)
        }
    }
})

export default setStore
